<template>
	<view>
		<view class="tdmsg">
			<view class="title">{{ title }}</view>
			<view class="itembox">
				<view class="item fs-24" v-for="(d, index) in list" :key="d.id">
					<view class="name">{{ d.name }}</view>
					<view class="text">{{ d.text }}</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
export default {
	name: 'uni-tdlist',
	props: {
		title: {
			type: String,
			default: '信息'
		},
		list: {
			type: Array,
			default: () => [
				{
					name: '地块类型',
					text: '大棚',
					choose: 'dklx'
				}
			]
		}
	},
	data() {
		return {};
	}
};
</script>

<style lang="scss">
.tdmsg {
	padding: 24rpx 22rpx;

	background: #fff;
	border-radius: 8rpx;
	margin: 0 30rpx 30rpx;
	.title {
		color: #3e3e3e;
	}
	.itembox{
		display: flex;
		flex-wrap: wrap;
		
	}
	.item {
		display: flex;
		flex-wrap: wrap;
		margin-top: 20rpx;
		color: #3e3e3e;
		align-items: center;
		width: 50%;
		.name {
			width: 100rpx;
			margin-right: 20rpx;
		}
	}
}
</style>
